<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Login</title>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

<script>
	$(document).ready(function() {
       $("input").focus(function(e) {
        $("#alert").html("");
    });
    });
</script>
<style>
	body{
		background:#333;
		opacity:0.95;
	}
	#login{
		
		width:300px;
		height:240px;
		position:fixed;
		top:50%;
		left:50%;
		margin-top:-120px;
		margin-left:-150px;
	}
	input{
		font-size:24px;
		height:50px;
		width:99%;
	}
	input[type="submit"]{
		width:100%;
	}
	
	input[type="text"]:hover{
		border:2px inset #FF0;
	}
	
	#alert{
		background:#F00;
		color:#000;
		font-size:20px;	
	}
	
	
</style>
</head>

<body>
<div id="login">
	<form action="logincontroller.php" method="post">
    	<div style="padding:20px;font-size:30px; text-align:center;background:#FF0;">
        	AEP-Thesis
        </div>
        <div>
        	<input name="txtUsername" type="text" placeholder="Username">
        </div>
        <div>
        	<input name="txtPassword" type="password" placeholder="Password">
        </div>
        <div>
        	<input name="btnLogin" type="submit" value="Login">
        </div>
        <div id="alert">
        	<?php
			if(isset($_GET['false'])){
				if($_GET['false']=='incorrectusername'){
					echo "Incorrect username!";
				}
				if($_GET['false']=='incorrectpassword'){
					echo "Incorrect password!";
				}
			}
			?>
        </div>
    </form>
</div>
</body>
</html>